{% extends "learning_logs/base.html" %}

{% load bootstrap4 %}

{% block page_header %}
  <h1>主题</h1>
{% endblock page_header %}
{% block content %}
  
  <ul>
    {% for topic in topics %}
	  <li><h4>
	    <a href="{% url 'learning_logs:topic' topic.id %}" class="text-decoration-none">{{ topic }}</a>
	  </h4></li>
	{% empty %}
	  <li><h4>目前还没有添加任何主题。</h4></li>
	{% endfor %}
  </ul>
  <h4><a href="{% url 'learning_logs:new_topic' %}" class="text-decoration-none">添加新主题</a></h4>

{% endblock content %}
